<%@ include file="/common/taglibs.jsp"%>
<head>
<!-- WebToolkit Bootstrap code -->
	
    <script type="text/javascript" src="<c:url value='/third-party/yui/build/yuiloader-dom-event/yuiloader-dom-event.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/third-party/yui/build/logger/logger-debug.js'/>"></script>
      
    <script type="text/javascript" src="<c:url value='/tilapia/build/wtk-platform-debug.js'/>"></script>
  
    <script type="text/javascript" src="<c:url value='/scripts/custom.js'/>"></script>	
    <script src="<c:url value='/loadconf.jsp'/>"></script>
        
 </head>   

<body class="yui-skin-sam" onload="">
<script language="javascript" type="text/javascript" src="<c:url value='/scripts/productService.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/product_service_common.js'/>"></script>

	<div id="content">
		<div class="box_big">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">

				<tr valign="top">
					<td>
						 <div id="mapContainer" style="margin: 0 0 0 0; padding: 2px; width:100%; height: 780px; ">						 					 
												     
							<div id="myMap" style="float:left; height:750px; margin:0 0 0 0; padding:0; border: 1px solid #C9DEEC;">
								<div id="myNavBar" style="float:right; width:310px; height:22px; margin:0 0 0 0; padding:0;">
								</div>	
							</div>		
				    	 </div>		
					</td>
					<td id="mapMaxViewCtl" width="6" valign="middle">
						<a href="#"><img src="${ctx}/images/l_j.gif" width="6" /> </a>
					</td>
					<td id="searchSectoion" width="380px" >
						<div class="tab2">
							<div class="biaotab">
								<a onfocus="this.blur()" href="###" class="on" name="tab"
									id="tab1" onclick="sjTabDo(this.id,this.name)"><span><font><fmt:message
												key="product.searchcondition" />
									</font> </span>
								</a>
								<a onfocus="this.blur()" href="###" id="tab2" name="tab"
									onclick="sjTabDo(this.id,this.name)"><span><font><fmt:message
												key="product.searchresult" />
									</font> </span></a>
								<a onfocus="this.blur()" href="###" id="tab3" name="tab"
									onclick="sjTabDo(this.id,this.name)"><span><font><fmt:message
												key="product.shoppingcart" />
									</font> </span>
								</a>

							</div>
							<div class="box" id="tab1_con">
								<form id="productSearchForm" name="productSearchForm" action="">
								<div class="tab1">
									<div class="biao_tab">
										<a onfocus="this.blur()" href="###" class="on" name="kdw"
											id="kdw1" onclick="sjTabDo(this.id,this.name)"><span><font><fmt:message
														key="product.latlong" />
											</font> </span> </a>
										<a onfocus="this.blur()" href="###" id="kdw2" name="kdw"
											onclick="sjTabDo(this.id,this.name)"><span><font><fmt:message
														key="product.adminarea" />
											</font> </span> </a>
									</div>
									<div class="ceng_box">
										
										<div class="tab1_box" id="kdw1_con">
											<table border="0" cellspacing="4" cellpadding="0">											
												<tr>
													<td>
														<fmt:message key="product.leftuplong" />
														:
													</td>
													<td width="60">
														<input id="leftuplong" type="text" size="8" onclick = "losefocus()"/>
													</td>
													<td>
														<fmt:message key="product.leftuplat" />
														:
													</td>
													<td>
														<input id="leftuplat" type="text" size="8" />
													</td>
												</tr>

												<tr>
													<td>
														<fmt:message key="product.rightdownlong" />
														:
													</td>
													<td>
														<input id="rightlowerlong" type="text" size="8" />
													</td>
													<td>
														<fmt:message key="product.rightdownlat" />
														:
													</td>
													<td>
														<input id="rightlowerlat" type="text" size="8" />
													</td>
												</tr>
												<tr>
													<td colspan="4" align="center">
														<img src="${ctx}/ext/images/zd.gif"/>
														<a href="#" onclick = "convert()"><fmt:message key="product.change" />
														</a>
													</td>

												</tr>
											</table>
										</div>
										<div class="tab1_box" id="kdw2_con" style="display: none;">
											22222
										</div>
									</div>
									<div class="di">
										<div class="box_di">
											<div class="box_dir"></div>
										</div>
									</div>
								</div>
								<!--  
								<h2 class="h2">
									<fmt:message key="product.satelineselect" />
								</h2>
								-->
								<div class="up">
									<div class="box_up">
										<div class="box_upr"></div>
									</div>
								</div>
							
								 
								<h2 class="h2">
									<fmt:message key="product.othercondition" />
									
								</h2>
								<div class="up2">
									<div class="box_up">
										<div class="box_upr"></div>
									</div>
								</div>
								<div class="select_wx2" id="my_menu">								
									<p>
									  <fmt:message key="special.search.productid" />:
									    <input id="productId" type="text" size="5" />
									    </p> 
									    <p>
										<fmt:message key="order.producttype" />:
										<select id="specialType" name="specialType">
											<option value="ZYWX_IMAGE_FLD"><fmt:message key="special.type.fld" /></option>
											<option value="ZYWX_IMAGE_QUICK" selected="selected"><fmt:message key="special.type.ksysj" /></option>
											<option value="ZYWX_IMAGE_DBWD"><fmt:message key="special.type.dbwd" /></option>
											<option value="ZYWX_IMAGE_HBJC"><fmt:message key="special.type.hbjc" /></option>
											<option value="ZYWX_IMAGE_ZBZS" ><fmt:message key="special.type.zbzs" /></option>
											<option value="ZYWX_IMAGE_YWRJC"><fmt:message key="special.type.ywrjc" /></option>
											<option value="ZYWX_IMAGE_QLS"><fmt:message key="special.type.qxgls" /></option>
											<option value="ZYWX_IMAGE_DBFSL"><fmt:message key="special.type.dbfsl" /></option>
											<option value="ZYWX_IMAGE_DXYXXQ"><fmt:message key="special.type.dxyxxq" /></option>
											<option value="ZYWX_IMAGE_DXBM"><fmt:message key="special.type.dxbmbzyxt" /></option>
											<option value="ZYWX_IMAGE_TDLYFG"><fmt:message key="special.type.tdlyytdfgbh" /></option>
										</select>
									</p>
								   <p>
							            <fmt:message key="special.produce.start.time" />
										<input id="produceStartDate" type="text" value="${startDate}" size="9" /> 
										<img onclick="WdatePicker({el:'produceStartDate',dateFmt:'yyyy-MM-dd',lang:'${lang}',maxDate:'%y-%M-%d'})" src="${ctx}/ext/scripts/date/skin/datePicker.gif" width="16" height="22" align="absmiddle">
										<br>
										<fmt:message key="special.produce.end.time" />
										<input id="produceEndDate" type="text" value="${endDate}" size="9" /> 
										<img onclick="WdatePicker({el:'produceEndDate',dateFmt:'yyyy-MM-dd',lang:'${lang}',maxDate:'%y-%M-%d'})" src="${ctx}/ext/scripts/date/skin/datePicker.gif" width="16" height="22" align="absmiddle">
									</p>
								
								</div>
								<center>
									<input type="button" class="btn_select"
										value="<fmt:message key="product.select"/>" align="middle" onclick="executeSpecialSearch()"/>
								</center>
								</form>
							</div>
							<div class="box2" id="tab2_con" style="display: none;">
								<h6 class="h6">
									<a href="#"><fmt:message key="product.exportalldata" />
									</a>
								</h6>
								<table width="100%" border="0" cellspacing="0" cellpadding="0"
									class="table_list">
									<thead>
										<tr>
											<th>
												<input name="" type="checkbox" value="" />
											</th>
											<th>
												<fmt:message key="product.thumbpic" />
											</th>
											<th>
												<fmt:message key="product.sateline" />
											</th>
											<th>
												<fmt:message key="product.sensor" />
											</th>
											<th>
												<fmt:message key="product.collectdate" />
											</th>
											<th>
												<fmt:message key="product.productlevel" />
											</th>

											<th style="background-position: -2px top">
												<fmt:message key="product.centerlong" />
											</th>
										</tr>
									</thead>
								</table>
								<div style="overflow: scroll; width: 100%; height: 500px;">
									<table width="100%" border="0" cellspacing="0" cellpadding="0"
										class="table_list2">
										<tbody>
											<tr>
												<td>
													<input name="" type="checkbox" value="" />
													<span class="eye"></span>
												</td>
												<td>
													<img src="${ctx}/images/pic_36.gif" />
												</td>
												<td>
													HJ1A
												</td>
												<td>
													CCD2
												</td>
												<td>
													<font>2011-04-21</font>
												</td>
												<td>
													LEVEL2
												</td>
												<td>
													126.34
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="box" id="tab3_con" style="display: none;">
								sssssss
							</div>
						</div>
					</td>
					<td width="6"></td>
				</tr>

				<tr height="6"></tr>
			</table>
		</div>
	</div>
<script type="text/javascript">
   init();
</script>
</body>